<?php 
    $url = new Url();    
?> 
<!-- Errors and Success Bars -->    
<div id="error" style="display: none;" class="login_error">
    <span id="error_login_text">Tài khoản hoặc mật khẩu không chính xác!</span>
    <a href="javascript:" onclick="$('.login_error').slideUp('slow');">[ẩn]</a>
</div>
<div id="fp-success" style="display: none;" class="login_success">
    <span id="login_success_text">&nbsp;</span>
    <a href="javascript:" onclick="$('.login_success').slideUp('slow');">[ẩn]</a>
</div>
<!-- End of Errors and Success Bars -->

<!-- Landing Page Content -->
<div id="landing">

    <div id="edmodo-logo">
        <img src="<?php echo Yii::app()->params['urlRs'];?>/images/edmodo-logo.png">
    </div>

    <!-- Login Form -->      
    <form id="form_login" action="/" method="post">
        <div id="username-wrap" style="width:175px">
            <span class="login-lbl">Email</span>
            <input value="" id="username" name="username" autocomplete="on" tabindex="1">
        </div>
        <div id="pwd-wrap">
            <span class="login-lbl">
                <a href="#forgot-password-form" rel="facebox" title="Quên mật khẩu">Quên?</a>                                
                Mật khẩu</span>
            <input id="password" name="password" tabindex="2" type="password">
        </div>
        <input id="login" name="login" value="Đăng nhập" tabindex="3" type="button" onclick="user_login();">                    
    </form>

    <div id="avatar-stripe">
        <div id="flying-images">

            <!-- Sign Up Box -->
            <div id="signup-wrap">
                <div id="signup">
                    <p>Đăng ký ngay. Hoàn toàn miễn phí!</p>
                    <div>
                        <a title="Giáo viên Đăng ký" class="btn teacher" rel="facebox" href="#teacher-sign-up-form">Tôi là giáo viên</a>
                        <a title="Học sinh Đăng ký" class="btn student" rel="facebox" href="#student-sign-up-form">Tôi là học sinh</a>
                        <span class="clear"></span>
                        <div id="parent-signup">
                            <a title="Parent Sign Up" class="parent">Học sinh muốn tham gia nhóm phải có mã lớp học</a>                            
                        </div>
                    </div>
                </div>
            </div>

        </div>    
    </div>

    <div id="main-pages">
        <a href="javascript:">Blog</a>
        <a href="javascript:">Trường</a>
        <a href="javascript:">Hệ thống</a>        
        <a href="javascript:">Điện thoại</a>
        <a href="javascript:">Trợ giúp</a>
    </div>    

</div>
<!-- End of Landing Page Content -->

<!-- Slide Up Screen -->
<div class="not-fixed" id="learn-more">
    <a id="slide-up">Tìm hiểu thêm về Classroom.net</a>                
</div>
<!-- End of Slide Up Screen -->                

<input type="hidden" value="<?php echo $_GET['suffix']; ?>" id="suffix_email">

<div id="forgot-password-form" style="display:none;">        
    <p>Nhập chính xác địa chỉ email của bạn để lấy lại mật khẩu.</p>
    <div class="fp-email-container">
        <input class="email email_forgot" name="email" maxlength="50" value="Địa chỉ email" type="text" onfocus="javascript:this.value=''" >
        <input class="button send-fp" value="Gửi" type="button" onclick="forgot_password()">        
    </div>    
    <p class="student-notice"><strong>Nếu bạn là sinh viên</strong> và không có địa chỉ email, hãy hỏi một trong những người hướng dẫn của bạn để lấy lại mật khẩu. </p>
</div>

<div id="teacher-sign-up-form" style="display:none;">
    <div class="an-error error" style="display: none;">An unknown error has occured. Please try again later.</div>
    <form class="da-signup-form">        
        
        <label for="email">Email<span id="optional" class="student"></span>: </label>
        <input class="email email_teacher" name="email_teacher" maxlength="50" type="text">
        <div class="password-required error email_teacher_error" style="display:none;width: 226px;">&nbsp;</div>
        
        <label for="password">Mật khẩu: </label>
        <input class="password_teacher password" name="password_teacher" maxlength="32" type="password">
        <div class="password-required error password_teacher_error" style="display:none;">&nbsp;</div>
        
        <label for="password">Nhập lại mật khẩu: </label>
        <input class="re_password_teacher" name="re_password_teacher" maxlength="32" type="password">
        <div class="password-required error re_password_teacher_error" style="display: none;">&nbsp;</div>                   
                
        <label for="first-name">Họ tên: </label>
        <input class="first-name full_name_teacher" maxlength="35" name="first-name" type="text">
        <div class="password-required error full_name_teacher_error" style="display: none;">&nbsp;</div>                   
        
        <label for="first-name">Điện thoại: </label>
        <input class="first-name phone_number_teacher" maxlength="35" name="first-name" type="text">
        <div class="first-name-required error" style="display:none;">required</div>        
        
        <div class="clear"></div>
    </form>
    <div class="terms-of-service">
        <span>Bạn đồng ý với các </span> <a target="_blank" href="javascript:" title="Terms of Service">điều khoản dịch vụ của chúng tôi</a>.
        <br><br>
        <a href="javascript:" target="_blank">Chính sách bảo mật</a>
    </div>
    <input value="Đăng ký" class="button sign-up nice-button teacher" type="button" onclick="regis_teacher()">        
</div>

<div id="student-sign-up-form" style="display:none;">
    <div class="an-error error" style="display: none;">An unknown error has occured. Please try again later.</div>
    <form class="da-signup-form">       
        <label for="group-code" class="student">Mã nhóm: </label>
        <input name="group-code" id="group_code" class="code group-code student" type="text">
        <div class="password-required error group_code_error" style="display: none;">&nbsp;</div>                
        
        <label for="email">Email: </label>
        <input class="email" name="email" maxlength="50" type="text">
        <div class="password-required error email_error" style="display: none;">&nbsp;</div>                
        
        <label for="password">Mật khẩu: </label>
        <input class="password" name="password" maxlength="32" type="password">
        <div class="password-required error password_error" style="display: none;">&nbsp;</div>                
        
        <label for="password">Nhập lại mật khẩu: </label>
        <input class="re_password" name="re_password" maxlength="32" type="password">
        <div class="password-required error re_password_error" style="display: none;">&nbsp;</div>                   
        
        <label for="first-name">Họ tên: </label>
        <input class="first-name full_name" maxlength="35" name="full_name" type="text">
        <div class="password-required error full_name_error" style="display: none;">&nbsp;</div>                   
        
        <label for="first-name">Điện thoại: </label>
        <input class="first-name phone_number" maxlength="35" name="first-name" type="text">
        <div class="first-name-required error" style="display:none;">required</div>        
        <div class="clear"></div>
    </form>
    <div class="terms-of-service">
        <span>Bạn đồng ý với các </span> <a target="_blank" href="javascript:" title="Terms of Service">điều khoản dịch vụ của chúng tôi</a>.
        <br><br>
        <a href="javascript:" target="_blank">Chính sách bảo mật</a>
    </div>
    <input value="Đăng ký" class="button sign-up nice-button teacher" type="button" onclick="regis_student();">
</div>
                             
<?php include "login.js.php"; ?>